
// 确保在 DOM 加载完成后执行
document.addEventListener('DOMContentLoaded', function() {
  // 使用 ID 选择器而不是类选择器，或者确保 .j1 类存在
  const chartDom = document.querySelector('.j1');
  
  // 检查元素是否存在
  if (!chartDom) {
    console.error('找不到图表容器元素，请确保页面上有 .j1 类的元素');
    return;
  }
  
  // 确保元素有宽度和高度
  if (!chartDom.style.width) chartDom.style.width = '640px';
  if (!chartDom.style.height) chartDom.style.height = '580px';
  
  // 初始化 ECharts 实例
  const myChart = echarts.init(chartDom);
  
  // 设置图表选项
  const option = {
    tooltip: {
      trigger: 'axis',
      formatter: params => {
        let result = `${params[0].axisValue}年：${params[0].data}<br>`;
        if (params[1]) {
          result += `增长率：${params[1].data}%`;
        }
        return result;
      }
    },
    toolbox: {
      feature: {
        dataView: { show: true, readOnly: false },
        restore: { show: true },
        saveAsImage: { show: true }
      }
    },
    legend: {
      data: ['餐饮配送及外卖送餐服务营业收入(亿元)', '增长率']
    },
    xAxis: {
      type: 'category',
      data: ['2018', '2019', '2020', '2021', '2022']
    },
    yAxis: [
      {
        type: 'value',
        name: '营业收入(亿元)',
        axisLabel: { formatter: '{value}' }
      },
      {
        type: 'value',
        name: '增长率',
        axisLabel: { formatter: '{value}%' }
      }
    ],
    series: [
      {
        name: '餐饮配送及外卖送餐服务营业收入(亿元)',
        type: 'bar',
        data: [163.6, 232.05, 299.19, 412.04, 526.09],
        itemStyle: { color: 'rgb(143, 143, 162)' },
        label: {
          show: true,
          formatter: '{c}亿元'
        }
      },
      {
        name: '增长率',
        type: 'line',
        yAxisIndex: 1,
        data: [null, 41.84, 28.93, 37.72, 27.68],
        itemStyle: { color: 'rgb(231, 141, 116)' },
        label: {
          show: true,
          formatter: '{c}%'
        }
      }
    ]
  };
  
  // 使用配置项显示图表
  myChart.setOption(option);
  
  // 监听窗口大小变化，自动调整图表大小
  window.addEventListener('resize', function() {
    myChart.resize();
  });
});